<nouislider #slider [config]="config" (change)="onChange($event/10)" [(ngModel)]="selected" class="slider"></nouislider>
<div *ngIf="levels && answerCategories == true" class="categoryContainer">
    <div *ngFor="let level of levels; let index = index" class="category" [ngClass]="level.cssPip" [ngStyle]="{'left': (index*100/(levels.length -1)) + '%'}" (click)="selected = level.id">
        <span *ngIf="level.cssImage" [ngClass]="level.cssImage" class="categoryImage"></span>
        <span class="categoryText" [ngClass]="{'categoryTextImg': level.css}">{{ level.name }}</span>
    </div>
</div>